<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tailwind CSS 阴影效果展示</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="bg-gray-50 p-8">
    <div class="bg-blue-500 font-bold text-white p-4 rounded-lg m-4">
        Hello, Tailwind CSS!
    </div>
    <table class="table-auto border-collapse w-full text-center border-spacing">
        <thead>
            <tr class="bg-blue-600 text-white font-bold">
                <th>No.</th>
                <th>Application</th>
                <th>Ports</th>
            </tr>
        </thead>
        <tbody class="border-5">
            <tr>
                <td class="border-2">1</td>
                <td class="border-2">csdn-reader</td>
                <td class="border-2">
                    <a href="javascript:void(0);">8081</a>
                </td>
            </tr>
            <tr class="border-2">
                <td>2</td>
                <td>luck-share</td>
                <td>
                    <a href="javascript:void(0);">8083</a>
                </td>
            </tr>
            <tr class="border-2">
                <td>3</td>
                <td>rest-users</td>
                <td>
                    <a href="javascript:void(0);">8084</a>
                </td>
            </tr>
        </tbody>
    </table>
    <h3 class="tetx-red">更新时间：2025-09-27 12:40:03</h3>
</body>

</html>